html,body {
  height: 100%;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 0.3rem;
  background-color: #0f0041;
}

:root {
  --md-color-primary: #198cff;
  --md-color-text-base: #01080f;
  --md-color-text-base-inverse: #fff;
  --md-color-text-body: #41485d;
  --md-color-text-minor: #666f83;
  --md-color-text-caption: #858b9c;
  --md-color-text-disabled: #d9e0e7;
  --md-color-text-placeholder: #c5cad5;
  --md-color-text-highlight: var(--md-color-primary);
  --md-color-text-warn: #ff4040;
  --md-color-text-error: #ff4040;
  --md-color-text-link: #5878b4;

  --md-color-border-base: #e2e4ea;
  --md-color-border-element: #c5cad5;

  --md-color-bg-base: #f9fafb;
  --md-color-bg-inverse: #fff;
  --md-color-bg-disabled: #e2e4ea;
  --md-color-bg-tap: #f9fafb;

  --md-color-mask: rgba(0, 0, 0, 0.3);

  --md-font-heading-large: 0.6rem;
  --md-font-heading-medium: 0.52rem;
  --md-font-heading-normal: 0.44rem;

  --md-font-caption-large: 0.36rem;
  --md-font-caption-normal: 0.32rem;

  --md-font-body-large: 0.28rem;
  --md-font-body-normal: 0.26rem;
  --md-font-minor-large: 0.24rem;
  --md-font-minor-normal: 0.2rem;

  --md-font-weight-light: 300;
  --md-font-weight-normal: 400;
  --md-font-weight-medium: 500;
  --md-font-weight-semibold: 600;

  --md-radius-normal: 0.16rem;
  --md-radius-circle: 50%;

  --md-border-width-base: 0.02rem;

  --md-h-gap-xs: 0.08rem;
  --md-h-gap-sm: 0.12rem;
  --md-h-gap-md: 0.2rem;
  --md-h-gap-lg: 0.32rem;
  --md-h-gap-sl: 0.4rem;
  --md-v-gap-xs: 0.08rem;
  --md-v-gap-sm: 0.12rem;
  --md-v-gap-md: 0.2rem;
  --md-v-gap-lg: 0.32rem;
  --md-v-gap-sl: 0.4rem;

  --md-ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --md-opacity-disabled: 0.3;
  --md-font-family-normal: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  --md-font-family-number: DINPro-Medium, DIN Alternate, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif
}

.md-button{
  --md-button-height: 1rem;
}

.md-field-item {
  --md-field-item-min-height: 1rem;
  --md-field-item-padding-v: 0.3rem;
  --md-field-item-title-width: 1.6rem;
  --md-field-item-title-gap: 0.1rem;
}

.md-input-item {
  --md-input-item-height: 1rem;
}

.md-icon {
  --md-icon-size-xxs: 0.16rem;
  --md-icon-size-xs: 0.2rem;
  --md-icon-size-sm: 0.24rem;
  --md-icon-size-md: 0.32rem;
  --md-icon-size-lg: 0.42rem;
}

.md-toast {
  --md-toast-padding: 0.2rem 0.3rem;
}

.md-button-loading .md-activity-indicator-svg {
  width: .35rem!important;
  height: .35rem!important;
  margin-right: .1rem;
}

.md-dialog{
  --md-dialog-width: 6.06rem;
  --md-dialog-radius: 0.12rem;
  --md-dialog-body-padding: 0.52rem;
  --md-dialog-title-font-size: 0.4rem;
  --md-dialog-action-height: 1rem;
  --md-dialog-icon-size: 1rem;
}

.md-field-item {
  --md-field-item-min-height: 1rem;
  --md-field-item-padding-v: 0.3rem;
  --md-field-item-title-width: 1.6rem;
  --md-field-item-title-gap: 0.1rem;
}

.md-input-item.is-highlight.is-focus .md-field-item-content::before {
  border-width: 0.04rem;
}

.md-input-item.is-title-latent.is-focus .md-field-item-title {
  top: 0.2rem;
}
.md-input-item.is-title-latent .md-fake-input,
.md-input-item.is-title-latent .md-field-item-content,
.md-input-item.is-title-latent .md-field-item-left,
.md-input-item.is-title-latent .md-field-item-right,
.md-input-item.is-title-latent .md-input-item-fake,
.md-input-item.is-title-latent .md-input-item-input {
    padding-top: 0.2rem;
}
.is-title-latent .md-fake-input-placeholder {
  top: 0.2rem;
}
.md-input-item.is-title-latent .md-field-item-content {
  min-height: 1.15rem;
}
.md-popup-title-bar {
  --md-popup-title-bar-height: 1.2rem;
  --md-popup-title-bar-height-large: 1.8rem;
  --md-popup-title-bar-radius: 0.28rem;
  --md-popup-title-bar-radius-large: 0.4rem;
  --md-popup-title-bar-font-size-title: 0.4rem;
  p{
    margin: 0;
    padding: 0;
  }
}
.md-popup-title-bar > div {
  padding-top: 0.6rem;
}
.md-popup-title-bar .title-bar-title p.title {
  height: 0.5rem;
}
.md-popup-title-bar .title-bar-title p.describe {
  margin-top: 0.15rem;
}
.md-landscape {
  --md-landscape-width: 100%;
}
.md-landscape.is-full .md-icon.md-landscape-close {
  right: 0.25rem;
  top: 0.25rem;
}
.md-landscape .md-icon.md-landscape-close {
  margin: 0.5rem auto 0.2rem auto;
  font-size: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
}
.md-example-child-landscape .md-button {
  margin-bottom: 0.2rem;
}
.md-landscape-content {
  padding: 0.3rem;
  font-size: 0.3rem;
  line-height: 1.5;
}
.md-landscape-content p {
  margin-bottom: 0.3rem;
}

.md-field-item-control{
  word-break: break-all;
}

.md-tab-bar {
  --md-tab-height: 1rem;
  --md-tab-ink-height: 0.03rem;
}

.md-tab-bar-start {
  width: 0.14rem;
}

.md-tab-bar-start::after {
    left: -0.14rem;
    width: 0.14rem;
    margin-top: -0.4rem;
    height: 0.8rem;
    box-shadow: -1px 0 0.12rem 0 rgba(0, 0, 0, 0.2);
}

.md-switch {
  --md-switch-width: 0.8rem;
  --md-switch-height: 0.48rem;
}

.md-switch::after {
  top: .04rem;
  left: .04rem;
}
.md-switch.active::after {
    transform: translateX(.32rem);
}

.md-radio-box i.md-icon{
  display: none;
}
.md-radio-box{
  font-size: 14px;
}